<template>
  <main class="<xl:hidden flex w-full h-full dark:bg-[#293146]">
    <div class="fixed right-6 top-4 enter-x">
      <use-switch></use-switch>
    </div>
    <left></left>
    <section class="flex-1 flex flex-col justify-center items-center pl-40">
      <a-row class="w-full">
        <a-col :span="4">
          <a-typography-title :level="2" class="dark:text-[#c7cfd7] enter-x">
            登录
          </a-typography-title>
        </a-col>
      </a-row>
      <page-form></page-form>
      <footer-icon></footer-icon>
    </section>
  </main>
</template>

<script setup>
  import Left from './Left.vue';
  import PageForm from './LoginForm.vue';
  import FooterIcon from './FooterIcon.vue';
</script>
